{% extends "website/staff/staff_base.html" %}
{% block content %}
<h1 style="margin:0;">Staff Performance</h1>
<div style="opacity:.75;margin-top:4px;">Avg response time • SLA hit rate • Workload</div>

<div class="olutech-card" style="margin-top:14px;">
  <div class="table-sticky">
    <table class="table">
      <thead>
        <tr>
          <th>Staff</th>
          <th>Support assigned</th>
          <th>Support responded</th>
          <th>Avg response (mins)</th>
          <th>SLA hit rate</th>
          <th>Care assigned</th>
        </tr>
      </thead>
      <tbody>
        {% for r in rows %}
          <tr>
            <td>{{ r.user.username }}</td>
            <td>{{ r.support_assigned }}</td>
            <td>{{ r.support_responded }}</td>
            <td>
              {% if r.avg_response_mins %}{{ r.avg_response_mins|floatformat:1 }}{% else %}—{% endif %}
            </td>
            <td>
              {% if r.sla_rate %}{{ r.sla_rate|floatformat:1 }}%{% else %}—{% endif %}
            </td>
            <td>{{ r.care_assigned }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="6" style="opacity:.7;">No staff metrics yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div style="opacity:.7;margin-top:10px;">Generated: {{ generated_at }}</div>
</div>
{% endblock %}